import type { SVGProps } from 'react'

/**
 * Key icon component
 * @param props - SVG properties including className, fill, etc.
 */
export function Key(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      width='16'
      height='8'
      viewBox='-0.5 -0.5 17 9'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
      {...props}
    >
      <path
        d='M7.92 3.20645H16V6.41206C16 6.84919 15.64 7.20947 15.2 7.20947C14.76 7.20947 14.4 6.84919 14.4 6.41206V4.80765H12.8V6.40886C12.8 6.84919 12.44 7.20947 12 7.20947C11.56 7.20947 11.2 6.84919 11.2 6.40886V4.80765H7.92C7.71926 5.77747 7.16654 6.63843 6.36859 7.22427C5.57064 7.81011 4.58407 8.07925 3.59943 7.97972C2.61479 7.88018 1.70193 7.41903 1.03716 6.68534C0.372398 5.95164 0.00288855 4.99745 2.02229e-06 4.00705C-0.000994899 3.01434 0.366627 2.05667 1.0315 1.31996C1.69637 0.583243 2.61107 0.120042 3.598 0.0202756C4.58494 -0.0794905 5.57372 0.191296 6.37238 0.780068C7.17104 1.36884 7.72261 2.23359 7.92 3.20645ZM4 6.40886C4.63652 6.40886 5.24697 6.15582 5.69706 5.70539C6.14715 5.25496 6.4 4.64405 6.4 4.00705C6.4 3.37005 6.14715 2.75914 5.69706 2.30871C5.24697 1.85829 4.63652 1.60524 4 1.60524C3.36348 1.60524 2.75303 1.85829 2.30295 2.30871C1.85286 2.75914 1.6 3.37005 1.6 4.00705C1.6 4.64405 1.85286 5.25496 2.30295 5.70539C2.75303 6.15582 3.36348 6.40886 4 6.40886Z'
        fill='currentColor'
      />
    </svg>
  )
}
